<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>排单-lineshop</title>
        <meta name="keywords" content=""/>
        <meta name="description" content=""/>
        <link rel="stylesheet" href="/wx/js/lib/jqueryWeui/weui.min.css"/>
        <link rel="stylesheet" href="/wx/js/lib/jqueryWeui/jquery-weui.min.css"/>
        <link rel="stylesheet" href="/wx/css/swiper-3.3.1.min.css"/>
        <link rel="stylesheet" href="/wx/css/gb.css"/>
        <link rel="stylesheet" href="/wx/css/home/common.css"/>

        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        <script type="text/javascript">
            var config_autoload={'kefu':0,'webnav':0}
        </script>
        <!-- utils.js提前 -->
        <script src="/wx/js/lib/jquery-2.1.1.min.js"></script>
        <script src="/wx/js/lib/jqueryWeui/jquery-weui.min.js"></script>
        <script src="/wx/js/lib/promise-7.0.4.min.js"></script>

        <script src="/wx/js/lib/fastclick.js"></script>
        <script src="/wx/js/lib/template.js"></script>
        <script src="/wx/js/utils/utils.js"></script>
        <script src="/wx/js/busi/main.js"></script>

        <style>
            /*收货人信息*/
            .receiverWrap .inputBox{
                border: 1px solid #8b9cac;
                padding-left: 4%;
                padding-bottom: 10px;
                padding-top: 10px;
                width: 95%;
                border-radius: 6px;
            }
            .receiverWrap .receiverTitle,
            .payWrap .payTitle{
                font-size: 15px;
            }
            .receiverWrap .formDes,
            .payWrap .title{
                font-size: 14px;
            }
            /*生成订单*/
            .toPayWrap{
                position: fixed;
                bottom: 0;
                width: 100%;
                max-width: 750px;
                line-height: 45px;
                font-size: 16px;
                color: #fff;
                text-align: center;
            }
        </style>
    </head>
    <body data-footer-locate='' style="width:auto;" class="backgri">
        <section class="header_placeholder footer_placeholder pageWidth">
            <!-- 商品信息 -->
            <section class="orderGoodsDetailWrap">
                <div class="weui-panel weui-panel_access js-goods-template">
                    <script id = "js-goods-template" type="text/html">
                        <div class="weui-panel__bd">
                          <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__hd">
                              <img class="weui-media-box__thumb" src="http://{{apiDomain}}{{data.main_img_url}}" alt="">
                            </div>
                            <div class="weui-media-box__bd">
                              <h4 class="weui-media-box__title">{{data.name}}</h4>
                              <p class="weui-media-box__desc">{{data.intro}}</p>
                              <div class="goodsPriceBox clearfix">
                                    <p class="goods_price fl">￥{{Price(data.price)}}</p>
                                    <p class="goods_num fr">x1</p>
                              </div>
                            </div>
                          </a>
                        </div>
                    </script>
                </div>
            </section>
            <!-- 收货人信息 -->
            <section class="receiverWrap">
                <div class="weui-cells__title receiverTitle">收货人信息</div>
                <div class="weui-cells weui-cells_form formDes">
                    <div class="weui-cell noborder_before">
                        <div class="weui-cell__hd"><label class="weui-label">收货人</label></div>
                        <div class="weui-cell__bd">
                            <input class="weui-input inputBox" type="text"  id="consignee"  placeholder="请输入收货人">
                        </div>
                    </div>
                    <div class="weui-cell noborder_before">
                        <div class="weui-cell__hd"><label class="weui-label">收货人手机</label></div>
                        <div class="weui-cell__bd">
                            <input class="weui-input inputBox" type="tel" id="phone" placeholder="请输入收货人手机">
                        </div>
                    </div>
                    <div class="weui-cell noborder_before">
                        <div class="weui-cell__hd"><label class="weui-label">收货地址</label></div>
                        <div class="weui-cell__bd">
                            <input class="weui-input inputBox" id="address"  placeholder="请输入收货地址">
                        </div>
                    </div>
                    <div class="weui-cell noborder_before">
                        <div class="weui-cell__hd"><label class="weui-label">推荐码</label></div>
                        <div class="weui-cell__bd">
                            <input class="weui-input inputBox" id="recommend_code" placeholder="请输入收货地址">
                        </div>
                    </div>
                </div>
            </section>
            <!-- 支付信息 -->
            <section class="payWrap">
                <div class="weui-cells__title payTitle">支付信息</div>
                <div class="weui-panel">
                    <div class="weui-panel__bd">
                        <div class="weui-media-box weui-media-box_small-appmsg">
                            <div class="weui-cells">
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__bd weui-cell_primary">
                                        <p class="title">支付方式：微信支付</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="weui-panel mt0">
                    <div class="weui-panel__bd">
                        <div class="weui-media-box weui-media-box_small-appmsg">
                            <div class="weui-cells">
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__bd weui-cell_primary">
                                        <p class="title">合计：￥1200.00</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 生成订单按钮 -->
            <section class="toPayWrap btn_color_0373dd">
                <div class="pay_btn" id="commitOrder">
                    生成订单
                </div>
            </section>
        </section>
        <script src="/wx/js/lib/swiper-3.3.1.jquery.min.js"></script>
        <script src="/wx/js//busi/order_commit.js"></script>
    </body>
</html>
